<template>
  <div>
    <h4>我是子组件</h4>
    <p>{{ toy }}</p>

  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'

let toy = ref("奥特曼")

// 在指定的时间就可以发送事件了，例如在 onMounted 中，3s 后 toy 的值就变成了小汽车并发送事件
onMounted(() => {
  setTimeout(() => {
    toy.value = "小汽车"
    emit('custom-event', toy.value); // 触发自定义事件
  }, 3000)
})

// 在这里声明事件
const emit = defineEmits(['custom-event'])

</script>

<style scoped>

</style>
